<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>合同选择</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<link rel="stylesheet" href="css/select-big.css">
	<style>
		.content-form {
		    width: 100%;
		    height: auto;
		    margin-top: 0px;
		}
		.content-form1 {
		    width: 100%;
		    height: auto;
		    margin-top: 30px;
		}
		.content-form >ul {
		    display: inline-block;
		    margin: 0 20px;
		    height: auto;
		}
		.content-form1 >ul {
		    display: inline-block;
		    margin: 0 20px;
		    height: auto;
		}
		.content-form1 ul>li {
		    float: left;
		    margin-right: 20px;
		    margin-bottom: 20px;
		}
		.content-form1 select {
		    width: 140px;
		    height: 30px;
		    color: #999;
		    background: #F9FBFF;
		    border: 1px solid #ecf2f7;
		    padding-left: 12px;
		    border-radius: 30px;
		    outline: none;
		    box-sizing: border-box;
		}
		.content-btn{
			margin-bottom: 0px;
		}
		.content-table-two {
		    width: 1080px;
		}
		.content-table-two tbody tr td{
			min-width: 30px;
			padding-left: 12px;
			padding-right: 12px;
		}
		.newOptions{
			z-index: 1000;
		}
		.content-form >ul {
		    display: inline-block;
		    margin: 0;
		    height: auto;
		}
	</style>
</head>
<body>
	<div class="main-content">
		<div class="main-bg1">
			<div class="product-content clearfix">
				<!-- 服务与流程 -->
				<div class="product-child">
					<div class="product-child-content">
						<p class="content-title matop">选择电子合同</p>
						<div class="content-info">
							<div class="content-btn">
								<span class="title-info1">项目名称：中植资本定向融资项目</span>
							</div>
							<div class="content-form">
								<ul>
									<li><span class="text-name">合同模板编号：</span><input type="text"></li>
									<li><button class="btn-style-two">搜索</button></li>
								</ul>
							</div>
							<table class="content-table-two" cellspacing="0" cellpadding="0">
								<thead>
									<tr>
										<td>选择</td>
										<td>序号</td>
										<td>合同模板编号</td>
										<td>合同模板名称</td>
										<td>合同模板生成日期</td>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td style="width:30px;"><input type="radio"></td>
										<td style="width:30px;">1</td>
										<td style="width:375px;">HGD456688</td>
										<td style="width:369px;">xxxx项目合同</td>
										<td style="width:150px;">2017-09-23 12:00</td>
									</tr>
									<tr>
										<td><input type="radio"></td>
										<td>2</td>
										<td>HGD456688</td>
										<td>xxxx项目合同</td>
										<td>2017-09-23 12:00</td>
									</tr>
									<tr>
										<td><input type="radio"></td>
										<td>3</td>
										<td>HGD456688</td>
										<td>xxxx项目合同</td>
										<td>2017-09-23 12:00</td>
									</tr>
								</tbody>
							</table>
							<div class="content-form1">
								<ul>
									<li><span class="text-name">合同业务类型：</span>
									<select class="multiselect" id="single">
										<option value="">待审核</option>
										<option value="">审核通过</option>
										<option value="">未审核</option>
										<option value="">审核驳回</option>
									</select></li>
									<li><button class="save-btn2" onclick="adjustmentOrder()">添加</button></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="product-child-content adjustmentcontent">
					<p class="bold-line"></p>
						<div class="content-info">
							<div class="content-btn bot-line">
								<a class="icon-back" href="javascript:;" onclick="backhide()"></a>&nbsp;<span class="title-info-a">添加签约方</span>
							</div>
							<table class="tableOrder content-table-two matop" cellspacing="0" cellpadding="0">
								<thead>
									<tr>
										<td>序号</td>
										<td>合同编号</td>
										<td>合同名称</td>
										<td>业务类型</td>
										<td>甲方</td>
										<td>乙方</td>
										<td>丙方</td>
										<td>操作</td>
									</tr>
								</thead>
								<tbody>
									<tr>
										<tr>
										<td style="width:30px;">1</td>
										<td style="width: 165px;">HGJ1234565</td>
										<td style="width: 159px;">xxxx项目合同</td>
										<td style="width: 80px;">xxxx</td>
										<td style="width: 115px;">xxxx公司</td>
										<td style="width: 115px;">xxxx公司</td>
										<td style="width: 115px;">xxxx公司</td>
										<td style="width:100px;"><i class="btn-operation" onclick="newservice1()">编辑</i><i class="btn-operation1" onclick="del()">删除</i></td>
									</tr>
									</tr>
									<tr>
										<td>2</td>
										<td>HGJ1234565</td>
										<td>xxxx项目合同</td>
										<td>xxxx</td>
										<td>xxxx公司</td>
										<td>xxxx公司</td>
										<td>xxxx公司</td>
										<td><i class="btn-operation" onclick="newservice1()">编辑</i><i class="btn-operation1" onclick="del()">删除</i></td>
									</tr>
									<tr>
										<td>3</td>
										<td>HGJ1234565</td>
										<td>xxxx项目合同</td>
										<td>xxxx</td>
										<td>xxxx公司</td>
										<td>xxxx公司</td>
										<td>xxxx公司</td>
										<td><i class="btn-operation" onclick="newservice1()">编辑</i><i class="btn-operation1" onclick="del()">删除</i></td>
									</tr>
									<tr>
										<td>4</td>
										<td>HGJ1234565</td>
										<td>xxxx项目合同</td>
										<td>xxxx</td>
										<td>xxxx公司</td>
										<td>xxxx公司</td>
										<td>xxxx公司</td>
										<td><i class="btn-operation" onclick="newservice1()">编辑</i><i class="btn-operation1" onclick="del()">删除</i></td>
									</tr>
									<tr>
										<td>5</td>
										<td>HGJ1234565</td>
										<td>xxxx项目合同</td>
										<td>xxxx</td>
										<td>xxxx公司</td>
										<td>xxxx公司</td>
										<td>xxxx公司</td>
										<td><i class="btn-operation" onclick="newservice1()">编辑</i><i class="btn-operation1" onclick="del()">删除</i></td>
									</tr>
								</tbody>
							</table>
							<button class="save-btn matop">保存</button>
						</div>
					</div> 
				</div>
			</div> 
		</div>
	</div>
	<script src="js/jquery-1.12.0.min.js"></script>
	<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
	<script src="js/select.jquery.js"></script>
	<script src="js/allProduct.js"></script>
	<script>
		$('.multiselect').multiselect({setMaxOptionNum:4,selectedHtmlValue:''});
		$('#single').multiselect({multiple:false,selectedHtmlValue:'待审核',setWidth: 200+'px'});
				
		function adjustmentOrder(){
			$('.adjustmentcontent').show();
				
		};
		function backhide(){
			$('.adjustmentcontent').hide();
				
		};
		function newservice1(){
				  parent.layer.open({
			      type: 2,
			      title: '签约方配置',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['870px', '55%'],
			      content: 'allocationofContractParties.html'
			});
		};
		function  del(){
				  parent.layer.open({
			      type: 2,
			      title: '删除提示',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['450px', '250px'],
			      content: 'delete.html'
			});
		}
        function getHeight(){
            var myiframeH=$(".main-content").height();
            var _parent=$(window.parent.document);
            _parent.find('body').css('height',(myiframeH+150)+'px');
            _parent.find('.main-position').css('height',(myiframeH+100)+'px');
        };
        $('.main-content').resize(function(){
            getHeight();
        });
	</script>
</body>
</html>